@charset "UTF-8";
/**
 * 
 * @authors Candy
 * @date    2016-07-04 10:39:39
 * @version 1.1.0
 */
/*我要看*/
/*tab*/
.indexTab.top {
  position: fixed;
  top: 2.3rem;
  left: 0;
  z-index: 19;
  width: 100%;
}
.tabFixed.top {
  position: fixed;
  top: 2.3rem;
  left: 0;
  z-index: 19;
  width: 100%;
}
.pushTab.top {
  position: fixed;
  top: 2.3rem;
  left: 0;
  z-index: 19;
  width: 100%;
}
.quesTab {
  margin-bottom: 2.4%;
  background-color: #fff;
}
.quesTab li {
  float: left;
  padding: 2.4% 0;
  width: 33.1%;
  text-align: center;
  font-size: 0.65rem;
  color: #212121;
  border-left: 1px solid #ededed;
  cursor: pointer;
}
.quesTab li:first-child {
  border-left: none;
}
.quesTab li.on {
  color: #0288d1;
  border-bottom: 1px solid #0288d1;
}
.quesTab.five li {
  width: 20%;
  box-sizing: border-box;
}
.quesCont {
  font-size: 0;
}
.quesCont li {
  position: relative;
  padding: 2.4%;
  border-bottom: 1px solid #ededed;
}
.quesCont li.on {
  background-color: #f1f1f1;
}
.quesCont .fileIcon {
  float: left;
  width: 1.2rem;
}
.quesCont .ques {
  float: right;
  width: 88%;
  height: 1.8rem;
}
.quesCont .tips {
  position: relative;
  display: inline-block;
  padding-left: 4%;
  margin: 0.5%;
}
.quesCont .tips:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.24rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/icon/tips.png);
  background-size: cover;
}
.quesCont .tips em {
  margin-right: 0.5rem;
  font-size: 0.5rem;
  line-height: 1.5;
}
.quesCont .queAuthor span {
  margin-right: 2%;
}
.quesCont .name {
  margin-left: 2.4%;
  line-height: 0.95rem;
}
.quesCate {
  margin-bottom: 15%;
}
.quesCate .tits {
  position: relative;
  padding-left: 5%;
  color: #2d2d2d;
}
.quesCate .tits:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.325rem;
  width: 4px;
  height: 0.65rem;
  background-color: #0288d1;
}
.quesCate .more {
  right: 2.4%;
  top: 50%;
  margin-top: -0.3rem;
  padding-right: 0.5rem;
  font-size: 0.5rem;
  color: #b6b6b6;
}
.quesCate .more:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.15rem;
  width: 0.3rem;
  height: 0.3rem;
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.quesCate .more.on:after {
  margin-top: -0.25rem;
  border-color: #2eb8f6;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.cateList {
  padding: 0 2.4% 2.4%;
}
.cateList li {
  float: left;
  margin: 0 4.8% 1.2% 0;
  border: 1px solid #f0f0f0;
  /*padding: 0 2.4%; width: 21.4%; min-width: 1rem; height: 1.2rem; line-height: 1.2rem; background-color: #f0f0f0;*/
}
.cateList li.on {
  border-color: #03a9f4;
}
.cateList .cateDate {
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.65rem;
  color: #727272;
  background-color: #f0f0f0;
}
.questions .cateList {
  padding: 0 2.4%;
}
.asking .cateList {
  padding: 2.4%;
}
/*收藏分享*/
/* .shareColl{ position: absolute; right: 2.4%; top: 2.4%; display: none; width: 4rem; height: 1.34rem; background: url(../images/shareCollBg.png); background-size: cover;
	a{ display: block; float: left; margin: 0.2rem 0; width: 49%; text-align: center; font-size: 0.5rem; color: #fff; border-left: 1px solid #fff;
		&:first-child{ border-left: none;}
	}
} */
.shareColl {
  position: absolute;
  right: -24%;
  top: 0;
  display: none;
  width: 0;
  height: 100%;
}
.shareColl.one a {
  width: 100%;
}
.shareColl.two a {
  width: 50%;
}
.shareColl a {
  position: relative;
  display: block;
  float: left;
  width: 33.33%;
  height: 100%;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  background-color: #0fadf4;
}
.shareColl a:nth-of-type(2) {
  background-color: #0288D1;
}
.shareColl a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: block;
  margin: -0.385rem 0 0 -0.385rem;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/shareColl.png);
  background-size: auto 1.532rem;
}
.shareColl .shareIcon:before {
  background-position: 0 0;
}
.shareColl .collIcon:before {
  background-position: -0.77rem -0.77rem;
}
.shareColl .delIcon:before {
  background-position: 0 -0.77rem;
}
.shareColl .tipIcon:before {
  background-position: -0.77rem 0;
}
/* 编辑删除 */
.edit {
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  width: 0;
  border-bottom: 1px solid #ededed;
}
.edit:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.57rem;
  margin-left: -0.57rem;
  width: 1.14rem;
  height: 1.14rem;
  background: url(../images/addCircle.png);
  background-size: 2.213rem 1.1065rem;
}
.edit.on {
  /* background-color: #e1e1e1; */
}
.edit.on:after {
  background-position: -1.1rem 0;
}
/*会议纪要*/
.meetUl {
  text-align: center;
  font-size: 0.75rem;
  color: #212121;
  border-bottom: 1px solid #ededed;
}
.meetUl li {
  float: left;
  padding: 2.4% 0;
  width: 24.5%;
  border-left: 1px solid #ededed;
}
.meetUl li:first-child {
  border-left: none;
}
.meetUl li.on {
  color: #0288d1;
}
.meetUl .up:after {
  content: '';
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.28rem;
  height: 0.58rem;
  background: url(../images/icon/up.png);
  background-size: cover;
}
.meetUl .up.upward:after {
  content: '';
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.28rem;
  height: 0.58rem;
  background: url(../images/icon/upon.png);
  background-size: cover;
}
.meetUl .up.down:after {
  content: '';
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.28rem;
  height: 0.58rem;
  background: url(../images/icon/upon.png);
  background-size: cover;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.meetUl .screening:after {
  content: '';
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/icon/screening.png);
  background-size: cover;
}
.sequence {
  padding: 1.2% 2.4% 2.4%;
}
.sequence span {
  display: inline-block;
  padding: 1.2% 2.4%;
  font-size: 0.65rem;
  color: #727272;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
}
.sequence span.on {
  border-color: #0288d1;
}
.quesList li {
  float: left;
  margin: 2.4% 2.4% 0;
  width: 28.5%;
}
.quesList .photo {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #fff;
  overflow: hidden;
}
.quesList .title {
  margin-top: 4.8%;
  height: 1.6rem;
  line-height: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.quesSec a {
  margin: auto;
}
.quesSec .photo {
  /*display: table-cell;*/
  margin: auto;
  width: 4.47rem;
  height: 6rem;
  /*vertical-align: middle;*/
}
.quesSec img {
  display: inline-block;
  margin-top: 14%;
  padding: 0 !important;
  width: 80% !important;
  height: 80% !important;
}
/*筛选*/
.screenSide {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 23;
  width: 90%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
}
.screenSide h1 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 23;
  margin-left: 10%;
  width: 90%;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
  font-size: 0.94rem;
  color: #fff;
  background-color: #03a9f4;
}
.screenSide .quesCate {
  width: 100%;
  height: 80%;
  background-color: #f4f4f4;
  overflow-y: scroll;
}
.screenSide .cateList {
  background-color: #fff;
}
.screenSide li {
  margin: 0 5% 2% 0 ;
  /*width: 24.4%;*/
  border: 1px solid #f0f0f0;
}
.screenSide li.on {
  border-color: #03a9f4;
}
.screenSide li:nth-of-type(4n) {
  margin-right: 8%;
}
.screenSide .footerBtn {
  margin-left: 10%;
  width: 90%;
}
.footerBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 23;
  width: 100%;
  background-color: #fff;
}
.footerBtn .btns {
  padding: 0.5rem 0;
  width: 50%;
  font-size: 0.7rem;
  text-align: center;
  color: #444;
  background-color: #fff;
}
.footerBtn .sure {
  color: #fff;
  background-color: #03a9f4;
}
/*详情*/
.article {
  padding: 0 2.4%;
  line-height: 1.5;
  background-color: #fff;
}
.artIframe {
  width: 100%;
}
.artFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding: 0.1rem 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
}
.artFooter .btns {
  display: block;
  width: 49%;
  line-height: 1.5;
  font-size: 0.6rem;
  color: #212121;
}
.artFooter .btns:before {
  content: '';
  display: block;
  margin: auto;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/article.png);
  background-size: auto 2.045rem;
}
.artFooter .btns:first-child {
  border-right: 1px solid #e0e0e0;
}
.artFooter .loadBtn:before {
  background-position: 0 0;
}
.artFooter .comsIcon:before {
  background-position: -1.02rem 0;
}
.artFooter .collBtn:before {
  background-position: 0 -1.02rem;
}
/*评分*/
.scoreBox {
  display: block;
}
.scoreBox i {
  display: inline-block;
  margin: 0 0.25rem;
  /*padding: 0.2rem;*/
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/start.png);
  /*background-clip: content-box;*/
  background-size: cover;
  cursor: pointer;
}
.scoreBox i.on {
  background: url(../images/icon/startOn.png);
  background-size: cover;
}
/*分享*/
.shareTxt {
  padding: 0 8%;
}
.shareTxt .photo {
  float: left;
  display: block;
  width: 2rem;
  height: 2rem;
  text-align: center;
  overflow: hidden;
}
.shareTxt .photo .s_1 {
  width: 100%;
  height: 100%;
}
.shareTxt .photo .s_34 {
  width: 75%;
  height: 100%;
}
.shareTxt .text {
  float: left;
  display: block;
  margin-left: 4.5%;
  width: 68%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*分类*/
.cateBox {
  position: fixed;
  top: 3rem;
  right: 2.4%;
  z-index: 20;
  width: 40%;
  font-size: 0.65rem;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
}
.cateBox:before {
  position: absolute;
  top: -0.5rem;
  right: 10%;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #fff;
}
.cateBox li {
  line-height: 3;
  border-bottom: 1px solid #f0f0f0;
}
.cateBox li:last-child {
  border-bottom: none;
}
.cateBox a {
  display: block;
  color: #03a9f4;
}
.cateBox .grey {
  color: #727272;
}
/*我要问*/
.askCont li {
  margin-bottom: 1.2%;
  background-color: #fff;
}
.askCont li.overQues {
  background: url(../images/icon/overQues.png) top right #ffffff no-repeat;
  background-size: 3.167rem 2.889rem;
}
.askCont .titles {
  margin-bottom: 1.2%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: normal;
}
.askCont .descText {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.comIcon,
.view,
.likeIcon,
.cnIcon {
  position: relative;
  padding-left: 6%;
  margin-left: 5%;
  line-height: 0.95rem;
  font-size: 0.55rem;
  color: #b6b6b6;
  cursor: pointer;
}
.comIcon:before,
.view:before,
.likeIcon:before,
.cnIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/ask.png);
  background-size: auto 1.915rem;
}
.view:before {
  background-position: -0.025rem 0;
}
.comIcon:before {
  background-position: -0.637rem 0;
}
.cnIcon:before {
  background-position: -1.28rem -0.637rem;
}
.likeIcon:before {
  background-position: -0.637rem -0.637rem;
}
.likeIcon.on:before {
  background-position: -1.28rem 0;
}
.imgIcon,
.jIcon,
.zdIcon {
  display: block;
  margin-top: 0.1rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/ask.png);
  background-size: auto 1.915rem;
}
.imgIcon {
  background-position: 0 -0.637rem;
}
.jIcon {
  margin-top: 0.14rem;
  background-position: 0 -1.28rem;
}
.zdIcon {
  margin-top: 0.14rem;
  margin-right: 0.2rem;
  background-position: -0.637rem -1.28rem;
}
.askImgBox .askImg {
  margin-right: 2.4%;
  margin-bottom: 2.4%;
  width: 22%;
  text-align: center;
  overflow: hidden;
}
.askImgBox .askImg:nth-of-type(4n) {
  margin-right: 0;
}
/*问题详情*/
.question {
  padding: 2.4%;
  margin-bottom: 1.2%;
  border-bottom: 1px solid #ededed;
}
.question .topCont {
  position: relative;
  padding-left: 10%;
}
.question .topCont:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/icon/ques.png);
  background-size: cover;
}
.question .topCont h3 {
  font-weight: normal;
}
.question .topCont.overQues {
  background: url(../images/icon/overQues.png) top right #ffffff no-repeat;
  background-size: 3.167rem 2.889rem;
}
.question .askImgBox {
  margin-top: 1.2%;
}
.question .name {
  margin-left: 2.4%;
  line-height: 0.95rem;
}
.answer .name {
  position: relative;
  margin-left: 2.4%;
  line-height: 0.95rem;
}
.answer .answerIcon:after {
  position: absolute;
  right: -1.2rem;
  top: -0.4rem;
  content: '';
  display: inline-block;
  width: 0.98rem;
  height: 1.7rem;
  background: url(../images/icon/name.png);
  background-size: cover;
}
.answer .answerIcon.experts:after {
  background: url(../images/icon/experts.png);
  background-size: cover;
}
.answer .askImgBox {
  position: relative;
}
.answer .askImgBox .imgNum {
  position: absolute;
  right: 4.8%;
  bottom: 12%;
  width: 1.02rem;
  height: 1.02rem;
  line-height: 1.02rem;
  text-align: center;
  font-size: 0.6rem;
  color: #fff;
  background-color: #b3e5fc;
}
/*文本输入框*/
.textBox {
  margin: 3.75% 2.4%;
  padding: 2.4%;
  width: 90.4%;
  height: 5rem;
  line-height: 1.2;
  font-size: 0.65rem;
  background-color: #f0f0f0;
  border: none;
  outline: none;
  border-radius: 0;
  resize: none;
}
.textBox:focus,
.textBox.full,
.textBox.full:focus {
  background-color: #fff;
  outline: 1px solid #03A9F4;
}
.textBox.full {
  outline-color: #f0f0f0;
}
/*兑换商城*/
.convert .convertIcon {
  position: relative;
  display: block;
  float: left;
  padding-left: 9%;
  width: 40%;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 0.65rem;
  color: #444;
}
.convert .convertIcon:first-child {
  border-right: 1px solid #cacaca;
}
.convert .convertIcon:before {
  position: absolute;
  left: 23%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/shop.png);
  background-size: 1.275rem 0.64rem;
}
.convert .convertIcon:nth-child(2):before {
  background-position: -0.64rem 0;
}
.shopNav {
  padding: 0.5rem 0;
  background-color: #fff;
}
.shopNav li {
  float: left;
  margin: 0 5px;
  width: auto;
  text-align: center;
  font-size: 0.65rem;
}
.shopNav .navIcon {
  color: #444;
  overflow: hidden;
  width: 100%;
  display: block;
  white-space: nowrap;
}
.shopNav .navIcon img {
  display: block;
  margin: auto;
  margin-bottom: 4%;
  width: 50%;
}
.shopNav .spIcon:before {
  background-position: 0 0;
}
.shopNav .gwIcon:before {
  background-position: -1.7rem 0;
}
.shopNav .tsIcon:before {
  background-position: 0 -1.7rem;
}
.shopNav .smIcon:before {
  background-position: -1.7rem -1.7rem;
}
.shopNav .bgIcon:before {
  background-position: -3.4rem 0;
}
.shopTit {
  display: block;
  margin: 2.4% 0;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.7rem;
  color: #727272;
}
.shopTit:before,
.shopTit:after {
  content: '';
  display: block;
  margin: auto;
  width: 1rem;
  height: 1px;
  background-color: #727272;
}
.goodUl {
  margin: 0 2.4%;
}
.goodUl li {
  position: relative;
  float: left;
  margin: 0 2.4% 2.4% 0;
  padding: 2.4%;
  width: 44%;
  background-color: #fff;
  border-radius: 5px;
}
.goodUl li:nth-of-type(2n) {
  margin-right: 0;
}
.goodUl .photo {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.goodUl .title {
  margin-top: 2%;
  height: 1.6rem;
  line-height: 0.8rem;
  overflow: hidden;
}
.goodUl .desc {
  color: #b6b6b6;
}
.goodUl .desc em {
  margin-left: 2.4%;
  font-weight: bold;
  color: #ffeb3b;
}
.goodUl .over {
  position: absolute;
  top: 14.4%;
  left: 4.8%;
  width: 20%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.5rem;
  color: #fff;
  background-color: #b6b6b6;
}
/*商品详情*/
.goodTit {
  position: relative;
  padding: 2.4%;
  margin-bottom: 2.4%;
  background-color: #fff;
  border-bottom: 1px solid #cacaca;
}
.goodShow .conts {
  padding: 2.4%;
  font-size: 0.6rem;
  line-height: 1.2;
  color: #212121;
  background-color: #fff;
}
.goodShow .conts .tit {
  display: block;
  margin-bottom: 2%;
  font-size: 0.7rem;
}
.goodShow .conts img {
  margin: 1.2% 0;
  width: 100%;
  text-align: center;
}
.goodFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.7rem;
  background-color: #fff;
}
.goodFooter .coins {
  display: block;
  margin-left: 2.4%;
  height: 2.048rem;
  line-height: 2.048rem;
  color: #b6b6b6;
}
.goodFooter .coins em {
  font-weight: bold;
  color: #ffeb3b;
}
.goodFooter .inventory {
  margin-left: 2.4%;
}
.goodFooter .change,
.goodFooter .addCart {
  display: block;
  width: 26%;
  text-align: center;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.85rem;
  color: #fff;
}
.goodFooter .change.noCoins,
.goodFooter .addCart.noCoins {
  background-color: #b6b6b6;
}
.goodFooter .change {
  background-color: #ffc247;
}
.goodFooter .addCart {
  background-color: #03a9f4;
}
.goodFooter .lowstock {
  display: block;
  width: 30%;
  text-align: center;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.85rem;
  color: #fff;
  background-color: #b6b6b6;
}
.goodSide {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 23;
  padding-bottom: 4.5%;
  width: 100%;
  max-height: 80%;
  height: 40%;
  background-color: #fff;
  /* .addSubt{ font-size: 0.65rem; background-color: #f4f4f4;}
	.operate{ display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; color: #727272;
		&.disable{background-color: #ccc;}
	}
	.much{ display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background-color: #f4f4f4; outline: none; border: none; border-left: 1px solid #e8e8e8; border-right: 1px solid #dadada; border-radius: 0;} */
}
.goodSide .close {
  position: absolute;
  right: 2.4%;
  top: 2.4%;
  display: block;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/icon/closePop.png);
  background-size: cover;
  cursor: pointer;
}
.goodSide .photo {
  margin-top: -5%;
  width: 20%;
  text-align: center;
  overflow: hidden;
}
.goodSide .text {
  margin-left: 2.4%;
  margin-top: 4.8%;
  width: 75%;
}
.goodSide h4 {
  font-size: 0.7rem;
  font-weight: 600;
  color: #212121;
}
.goodSide .desc {
  font-size: 0.7rem;
  font-weight: 600;
  color: #b6b6b6;
}
.goodSide .desc em {
  margin-left: 2.4%;
  color: #ffeb3b;
}
.goodSide .tit {
  margin: 0 2.4%;
  padding: 2.4% 0;
  border-top: 1px solid #f0f0f0;
}
.goodSide .goodDesc {
  margin: 0 2.4%;
  padding-bottom: 2.4%;
  border-bottom: 1px solid #f0f0f0;
}
.goodSide .changeBox {
  margin: 2.4%;
}
.goodSide .addSubt {
  font-size: 0.8rem;
  border: 1px solid #acacac;
  border-radius: 5px;
  overflow: hidden;
}
.goodSide .operate {
  float: left;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.goodSide .operate.disable {
  background-color: #ccc;
}
.goodSide .much {
  float: left;
  width: 1.792rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.goodSide .sureBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 3.75% 0;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
  background-color: #03a9f4;
}
/*向TA咨询*/
.userRecord span em {
  font-size: 0.5rem;
}
.userHome .quesTab li {
  width: 24.5%;
}
.userHome .quesTab li.on {
  border-bottom: 1px solid #0288d1;
}
.userHome .quesTab.five li {
  width: 20%;
  box-sizing: border-box;
}
/*我的关注*/
.askCont .askImgBox {
  margin-bottom: 2.4%;
}
.askCont .askImgBox .askImg {
  width: 15%;
  margin-bottom: 0;
}
.askCont .askImgBox .descText {
  width: 82%;
  -webkit-line-clamp: 3;
}
.askCont .askImgBox.noImg .descText {
  width: 100%;
}
/*通讯录*/
.searchBigBox.search-box {
  margin: 0.4rem auto;
  width: 68%;
}
.addrBook li {
  position: relative;
  cursor: pointer;
}
.addrBook li:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.385rem;
  width: 0.77rem;
  height: 0.77rem;
  background: url(../images/addrBook.png);
  background-size: 1.53rem 0.765rem;
}
.addrBook li.on:after {
  background-position: -0.77rem 0;
}
/*知识圈*/
.knowledge .quesTab li {
  width: 24.5%;
}
.knowledge .askImgBox .askImg {
  width: 22%;
}
.knowledge .knowCate {
  padding: 0 2.4%;
  /*height: 4rem;*/
  overflow: hidden;
}
.knowledge .knowCate li {
  float: left;
  padding: 2.4%;
  width: 28.2%;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.knowledge .knowCate li:nth-of-type(3n) {
  border-right: none;
}
.knowledge .knowCate li:nth-of-type(1+3n) {
  padding-left: 0;
}
.knowledge .knowCate li:nth-child(1),
.knowledge .knowCate li:nth-child(2),
.knowledge .knowCate li:nth-child(3) {
  padding-top: 0;
}
.knowledge .knowCate .photo {
  float: left;
  width: 35%;
  text-align: center;
  overflow: hidden;
}
.knowledge .knowCate .text {
  margin-left: 4%;
  width: 60%;
}
/*知识圈-圈子列表*/
.addCircle {
  border-bottom: 1px solid #ededed;
}
.addCircle .photo {
  width: 21%;
  text-align: center;
  overflow: hidden;
}
.addCircle .text {
  width: 77%;
}
.addCircle .text .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.addCircle .addIn {
  position: relative;
  display: block;
  margin-top: 1%;
  padding: 0 2%;
  width: 16%;
  height: 1rem;
  line-height: 1rem;
  text-align: right;
  font-size: 0.65rem;
  color: #fff;
  background-color: #03a9f4;
}
.addCircle .addIn:before {
  position: absolute;
  left: 10%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.275rem;
  width: 0.55rem;
  height: 0.55rem;
  background: url(../images/icon/addIn.png);
  background-size: cover;
}
.addCircle .hasJoined {
  padding: 0;
  width: 20%;
  text-align: center;
  background-color: #727272;
}
.addCircle .hasJoined:before {
  background: none;
}
.nameIcon,
.numberIcon,
.timeIcon {
  position: relative;
  padding-left: 6%;
  margin-left: 5%;
  line-height: 0.95rem;
  font-size: 0.55rem;
  color: #b6b6b6;
  cursor: pointer;
}
.nameIcon:before,
.numberIcon:before,
.timeIcon:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.255rem;
  width: 0.51rem;
  height: 0.51rem;
  background: url(../images/circle.png);
  background-size: auto 1.0215rem;
}
.nameIcon {
  margin-left: 0;
}
.nameIcon:before {
  background-position: 0 0;
}
.numberIcon:before {
  background-position: -0.51rem 0;
}
.timeIcon:before {
  background-position: 0 -0.51rem;
}
/*话题详情*/
.circleCont img {
  display: block;
  margin-top: 2.4%;
  max-width: 100%;
  text-align: center;
}
.mainImg {
  display: block;
  margin: 2.4% auto 0;
  max-width: 100%;
  text-align: center;
}
/*加入圈子*/
.circleTit {
  position: fixed;
  top: 2.3rem;
  left: 0;
  width: 32%;
  height: 92%;
  font-size: 0.7rem;
  color: #212121;
  overflow-y: scroll;
}
.circleTit li {
  position: relative;
  padding-left: 20%;
  height: 2.5rem;
  line-height: 2.5rem;
}
.circleTit li.on {
  color: #0288d1;
}
.circleTit li.on:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: inline-block;
  width: 0.6rem;
  height: 2.5rem;
  border-left: 1px solid #0288d1;
}
.circleList {
  position: fixed;
  right: 0;
  top: 2.3rem;
  width: 68%;
  height: 92%;
  background-color: #f4f4f4;
  overflow-y: scroll;
}
.circleList li {
  position: relative;
  padding: 0.52rem 0.6rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-bottom: 1px solid #e8e8e8;
}
.circleList li:after {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.57rem;
  width: 1.14rem;
  height: 1.14rem;
  background: url(../images/addCircle.png);
  background-size: 2.213rem 1.1065rem;
}
.circleList li.on {
  background-color: #e1e1e1;
}
.circleList li.on:after {
  background-position: -1.1rem 0;
}
.circleList .photo {
  margin-right: 5%;
  width: 12%;
  text-align: center;
  overflow: hidden;
}
.topicImgBox .topicImg {
  margin-right: 2.4%;
  margin-bottom: 2.4%;
  width: 22%;
  text-align: center;
  overflow: hidden;
}
.topicImgBox .topicImg:nth-of-type(4n) {
  margin-right: 0;
}
/*用户中心侧边栏*/
.userSide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 23;
  width: 70%;
  height: 100%;
  background-color: #2d2d2d;
}
.userSide .nameInfo {
  position: relative;
  margin-top: 4.8%;
  padding-bottom: 3%;
  border-bottom: 2px solid #212121;
}
.userSide .nameInfo .head {
  float: left;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
}
.userSide .nameInfo .name {
  float: left;
  margin-left: 2.4%;
  line-height: 1.2;
}
.userSide .nameInfo .next {
  position: absolute;
  right: 3.75%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.userSide .sideBox {
  margin-top: 2.4%;
}
.userSide .sideBox li {
  position: relative;
}
.userSide .sideDate {
  position: relative;
  padding-left: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: #fff;
}
.userSide .sideDate:before {
  position: absolute;
  left: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/userSide.png);
  background-size: auto 4.08rem;
}
.userSide .hasNotice:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  top: 10px;
  left: 5.2rem;
  background-color: #ffeb3b;
  border-radius: 50%;
}
.userSide .zsIcon:before {
  background-position: -2.04rem -2.04rem;
}
.userSide .sjIcon:before {
  background-position: -1.02rem -3.06rem;
}
.userSide .gzIcon:before {
  background-position: -3.06rem -3.06rem;
}
.userSide .jkIcon:before {
  background-position: -1.02rem -1.02rem;
}
.userSide .xxIcon:before {
  background-position: -2.04rem -1.02rem;
}
.userSide .scIcon:before {
  background-position: -1.02rem -2.04rem;
}
.userSide .dhIcon:before {
  background-position: -3.06rem 0;
}
.userSide .szIcon:before {
  background-position: -3.06rem -2.04rem;
}
.userSide li:active .sideDate {
  color: #ffeb3b;
  background-color: #373737;
}
.userSide li:active .zsIcon:before {
  background-position: -1.02rem 0;
}
.userSide li:active .sjIcon:before {
  background-position: 0 -3.06rem;
}
.userSide li:active .gzIcon:before {
  background-position: -3.06rem -2.04rem;
}
.userSide li:active .jkIcon:before {
  background-position: 0 -1.02rem;
}
.userSide li:active .xxIcon:before {
  background-position: -2.04rem 0;
}
.userSide li:active .scIcon:before {
  background-position: 0 -2.04rem;
}
.userSide li:active .dhIcon:before {
  background-position: 0 0;
}
.userSide li:active .szIcon:before {
  background-position: -3.06rem -2.04rem;
}
/*知识动态*/
.dynamic {
  padding-left: 2.4%;
}
.dynamic .knowList {
  padding-left: 2.4%;
  border-left: 1px solid #f0f0f0;
}
.dynamic .time {
  position: relative;
  font-weight: bold;
  color: #727272;
}
.dynamic .time:before {
  position: absolute;
  left: -4.6%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.3rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #fff;
  border: 2px solid #727272;
  border-radius: 50%;
}
.dynamic .listDate {
  line-height: 2;
  color: #727272;
}
.dynamic .listDate ul {
  margin-left: 4.8%;
}
.dynamic .listDate li {
  line-height: 2.5;
  border-top: 1px solid #f0f0f0;
}
.dynamic .listDate.on {
  color: #212121;
}
.dynamic .on .time {
  color: #0288d1;
}
.dynamic .on .time:before {
  border-color: #0288d1;
}
/*消息中心*/
.pushTab li {
  position: relative;
}
.pushTab .pushTip {
  left: 50%;
  top: 0;
  margin-left: 20%;
}
.pushTip {
  position: absolute;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.5rem;
  color: #212121;
  background-color: #ffeb3b;
  border-radius: 50%;
}
.push li {
  padding: 2.4%;
  border-bottom: 1px solid #cacaca;
}
.push a {
  position: relative;
  display: block;
}
.push .photo {
  float: left;
  margin-right: 2.4%;
  width: 8.5%;
  text-align: center;
  overflow: hidden;
}
.push .text {
  float: left;
  width: 75%;
}
.push .pushTip {
  left: 5.5%;
  top: -15%;
}
/*设置*/
.set {
  margin-top: 2.4%;
  background-color: #fff;
}
.set li {
  position: relative;
  padding-left: 12%;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 0.8rem;
  border-bottom: 1px solid #ededed;
}
.set li a {
  color: #212121;
}
.set li:before {
  position: absolute;
  left: 4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/set.png);
  background-size: auto 1.275rem;
}
.set .clear:before {
  background-position: 0 0;
}
.set .about:before {
  background-position: -0.64rem 0;
}
.set .help:before {
  background-position: 0 -0.64rem;
}
/*搜索无结果*/
.searchNone {
  text-align: center;
}
.searchNone .none {
  display: block;
  margin: 20% auto 5%;
  width: 25%;
}
.searchNone .desc {
  margin: auto;
  width: 60%;
}
/*我的收藏*/
.collFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding: 3.5% 2.4%;
  width: 95.2%;
  background-color: #fff;
  border-top: 1px solid #a5a5a5;
}
.collFooter a {
  display: block;
  width: 18%;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.55rem;
}
.collFooter .chooseAll {
  float: left;
  color: #888;
  background-color: #f0f0f0;
}
.collFooter .delete {
  float: right;
  color: #727272;
  background-color: #e3e3e3;
}
/*------------------------start----------------------*/
/* 聊天页面 */
.chatView {
  font-size: 0.65rem;
  background-color: #fff;
}
.chatView .chatOthers .content > span {
  float: left;
}
.chatView .chatOthers .content > span img {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.chatView .chatOthers .content > div {
  width: 75%;
  float: left;
}
.chatView .chatOthers .content .context {
  position: relative;
}
.chatView .chatOthers .content .context span {
  display: inline-block;
  background-color: #f0f0f0;
  width: 82%;
  float: left;
}
.chatView .chatOthers .content .context img {
  max-width: 6rem;
  max-height: 6rem;
  overflow: hidden;
  float: left;
}
.chatView .chatOthers .content .reSubmit {
  display: inline-block;
  background-image: url('../images/reSubmit.png');
  background-size: cover;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}
.chatView .chatMyself .content > span {
  float: right;
}
.chatView .chatMyself .content > span img {
  width: 2.5rem;
  height: 2.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.chatView .chatMyself .content > div {
  width: 75%;
  float: right;
}
.chatView .chatMyself .content .context {
  position: relative;
}
.chatView .chatMyself .content .context span {
  display: inline-block;
  background-color: #03a9f4;
  width: 82%;
  float: right;
}
.chatView .chatMyself .content .context img {
  max-width: 6rem;
  max-height: 6rem;
  overflow: hidden;
  float: right;
}
.chatView .chatMyself .content .reSubmit {
  display: inline-block;
  background-image: url('../images/reSubmit.png');
  background-size: cover;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}
.chatView .time {
  text-align: center;
}
.chatView i {
  position: absolute;
  display: inline-block;
  margin: 0.6rem;
  z-index: 21;
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/photo.png);
  background-size: cover;
}
.chatView .chat-box {
  margin: 0.4rem auto;
  width: 70%;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.6rem;
  border: 1px solid #35baf6;
  border-radius: 5px;
}
.chatView .chat-box .chat-txt {
  float: left;
  margin: 0.25rem;
  padding: 0.1rem 0.2rem;
  width: 93%;
  background-color: #fff;
  border: none;
  outline: none;
}
.chatView .photo {
  background-color: #f4f4f4;
}
.chatView .photo .imgBox {
  float: left;
  width: 30%;
  margin: 2.4% 0 2.4% 2.4%;
}
.chatView .photo .imgBox span {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.chatView .photo .imgBox span input {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10rem;
  opacity: 0;
}
/* 我的金库 */
.vault {
  background-color: #07aaf4;
  text-align: center;
}
.vault .avatar {
  border-radius: 50%;
  border: 4px solid #45bff7;
  width: 3.12rem;
  height: 3.12rem;
}
.vault .level {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 0.6rem;
  line-height: 1.25rem;
  border-radius: 50%;
  background-color: #fff;
  width: 1.25rem;
  height: 1.25rem;
}
.vault .progress {
  width: 10rem;
  margin: 0 auto;
  height: 1rem;
  background-color: #262626;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.vault .progress div {
  height: 1rem;
  background-image: linear-gradient(135deg, transparent 12.5%, rgba(255, 255, 255, 0.15) 12.5%, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 37.5%, rgba(255, 255, 255, 0.15) 37.5%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 62.5%, rgba(255, 255, 255, 0.15) 62.5%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent 87.5%, rgba(255, 255, 255, 0.15) 87.5%, transparent);
  background-color: #03a1f1;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.vault > span {
  color: #45bff7;
  background-color: #fff;
  border-radius: .2rem;
  padding: 0.2rem;
  position: relative;
}
.vault > span:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: 0.9rem;
  left: 50%;
}
/* 等级记录 */
.gradeRecord {
  background-color: #fff;
}
.gradeRecord span {
  display: block;
  width: 50%;
  text-align: center;
  font-size: 0.8rem;
  padding: 2.4% 0;
}
.gradeRecord span:first-child {
  border-right: 1px solid #ccc;
  margin-right: -1px;
}
.gradeRecord span:first-child:before {
  display: inline-block;
  content: '';
  background-image: url('../images/libi.png');
  width: 0.6rem;
  height: 0.6rem;
  background-size: cover;
  margin-right: .5rem;
}
.gradeRecord span:last-child:before {
  display: inline-block;
  content: '';
  background-image: url('../images/grade.png');
  width: 0.6rem;
  height: 0.6rem;
  background-size: cover;
  margin-right: .5rem;
}
/* 白金币记录 */
.moneyRecord,
.exchange,
.levelRank {
  background-color: #fff;
}
.moneyRecord .verLine:before,
.exchange .verLine:before,
.levelRank .verLine:before {
  display: inline-block;
  content: '';
  width: 0.3rem;
  height: 0.8rem;
  background-color: #0da6db;
  vertical-align: top;
}
.moneyRecord a,
.exchange a,
.levelRank a {
  right: 3.75%;
  color: #dadada;
}
.moneyRecord a:after,
.exchange a:after,
.levelRank a:after {
  content: '>';
}
.exchange li {
  width: 23%;
  padding: 2% 0 0 2%;
  float: left;
}
.exchange li span {
  width: 100%;
  overflow: hidden;
  /* width: 3.14rem; height: 2.35rem; */
}
.exchDetail li {
  width: 43%;
  padding: 2%;
  margin: 2% 0 0 2%;
  float: left;
  background-color: #fff;
}
.exchDetail li span {
  width: 100%;
}
.recordList {
  background-color: #fff;
}
.recordList ul {
  position: relative;
  border-left: 1px solid #ccc;
  margin-left: 4.8%;
}
.recordList ul li {
  padding: 2.4%;
  border-bottom: 1px solid #f0f0f0;
}
.recordList ul li:before {
  display: inline-block;
  content: '';
  border: 0.1rem solid #727272;
  background-color: #fff;
  border-radius: 50%;
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  left: -0.45rem;
}
.recordList ul li:first-child {
  color: #333;
}
.recordList ul li:first-child:before {
  border: 2px solid #0288d1;
}
.levelRank {
  /* height: 8.4rem; overflow: hidden; */
}
.levelRank li {
  border-bottom: 1px solid #f0f0f0;
}
.levelRank li:nth-of-type(1) .rank {
  background-color: #ffeb3b;
}
.levelRank li:nth-of-type(2) .rank {
  background-color: #e6e8fa;
}
.levelRank li:nth-of-type(3) .rank {
  background-color: #b5a642;
}
.levelRank .rank {
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  background-color: #f0f0f0;
  text-align: center;
  line-height: 1rem;
  color: #212121;
}
.levelRank .star {
  display: inline-block;
  padding-left: 2.4%;
  padding-right: 2.4%;
  width: 50%;
  color: #212121;
}
.levelRank .star span {
  width: 1.33rem;
  height: 1.33rem;
  margin-right: 2.4%;
  border-radius: 50%;
  overflow: hidden;
}
.levelRank .star .photo {
  width: 1.33rem;
  height: 1.33rem;
  margin-right: 2.4%;
  border-radius: 50%;
  overflow: hidden;
}
/* 用户中心 */
.userRecord span {
  display: block;
  width: 33%;
  text-align: center;
  font-size: 0.94rem;
  margin: 2.4% 0;
  border-right: 1px solid #5ec8f8;
  color: #fff;
}
.userRecord span:last-child {
  border-right: none;
}
.userRecord span .dynamicIcon {
  background: url('../images/dynamicKnowledge.png') no-repeat center;
  height: 1.25rem;
  background-size: 16%;
}
.userRecord span.disableClick {
  color: #ddd;
}
.userRecord span.disableClick .dynamicIcon {
  background: url('../images/dynamicKnowledge1.png') no-repeat center;
  height: 1.25rem;
  background-size: 16%;
}
.modify input {
  width: 89%;
  border: 1px solid #ccc;
  outline: none;
  background-color: #f0f0f0;
}
.modify input:focus {
  background-color: #fff;
  outline: 1px solid #03A9F4;
}
.iconBefore {
  position: relative;
  padding-left: 1rem;
}
.iconBefore:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('../images/userInfo.png');
  background-size: 3.75rem 3.05rem;
}
.iconBefore.organization:before {
  background-position: 0 0;
}
.iconBefore.expert:before {
  background-position: -0.75rem 0;
}
.iconBefore.gender:before {
  background-position: -1.5rem 0;
}
.iconBefore.duties:before {
  background-position: -2.25rem 0;
}
.iconBefore.time:before {
  background-position: -3rem 0;
}
.iconBefore.email:before {
  background-position: 0 -0.75rem;
}
.iconBefore.fax:before {
  background-position: -0.75rem -0.75rem;
}
.iconBefore.ID:before {
  background-position: -1.5rem -0.75rem;
}
.iconBefore.place:before {
  background-position: -2.25rem -0.75rem;
}
.iconBefore.user:before {
  background-position: -3rem -0.75rem;
}
.iconBefore.interesting:before {
  background-position: 0 -1.5rem;
}
.iconBefore.number:before {
  background-position: -0.75rem -1.5rem;
}
.iconBefore.office:before {
  background-position: -1.5rem -1.5rem;
}
.iconBefore.position:before {
  background-position: -2.25rem -1.5rem;
}
.iconBefore.winning:before {
  background-position: -3rem -1.5rem;
}
.iconBefore.project:before {
  background-position: 0 -2.25rem;
}
.iconBefore.qualification:before {
  background-position: -0.75rem -2.25rem;
}
.iconBefore.studio:before {
  background-position: -1.5rem -2.25rem;
}
.iconBefore.telephone:before {
  background-position: -2.25rem -2.25rem;
}
.myCircle {
  margin-top: 2.4%;
}
.myCircle .circle {
  padding: 0 2.4%;
  overflow: hidden;
}
.myCircle .circle li {
  padding: 2.4%;
  border-bottom: 1px solid #ededed;
  position: relative;
}
.myCircle .circle li:after {
  position: absolute;
  right: 3.75%;
  top: 50%;
  content: '';
  display: inline-block;
  margin-top: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #727272;
  border-right: 1px solid #727272;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.myCircle .circle .photo {
  float: left;
  width: 10%;
  text-align: center;
  overflow: hidden;
}
.myCircle .circle .text {
  margin-left: 4%;
  width: 85%;
}
/* 发表 */
.publish {
  font-size: 0.65rem;
  background-color: #fff;
}
.publish textarea {
  width: 89%;
  resize: none;
  height: 2rem;
  border: 1px solid #ccc;
  outline: none;
  background-color: #f0f0f0;
}
.publish textarea:last-of-type {
  height: 6rem;
}
.publish textarea:focus {
  background-color: #fff;
  outline: 1px solid #03A9F4;
}
.publish > span {
  margin-top: 2.3rem;
  height: 2rem;
  border-top: 1px solid #aaaaaa;
}
.publish > span i {
  display: inline-block;
  margin: 0.5rem;
  width: 1rem;
  height: 1rem;
  background-image: url('../images/photo.png');
  background-size: cover;
}
.publish .photo {
  background-color: #f4f4f4;
}
.publish .photo .imgBox {
  float: left;
  width: 30%;
  margin: 2.4% 0 0 2.4%;
  position: relative;
  /* overflow: hidden; */
  text-align: center;
  /* } */
}
.publish .photo .imgBox .closeImg {
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  z-index: 10;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/closeImg.png);
  background-size: cover;
}
.publish .photo .imgBox img {
  width: 100%;
}
.publish .photo .imgBox input {
  /* position: absolute; top: 0; left: 0; font-size: 10rem; opacity: 0; */
  display: none;
}
.publish .photo .imgBox .photo {
  display: block;
  overflow: hidden;
}
#names_dummy {
  position: absolute;
  opacity: 0;
  width: 8rem;
  left: 50%;
  top: 50%;
  margin-top: -0.6rem;
  margin-left: -4rem;
}
.mbsc-mobiscroll {
  background-color: #fff;
  /*.dwfl{
		&:first-child{
			.dw-sel .dw-i:first-child{ border-right: 1px solid #ccc;}
		}
	} */
}
.mbsc-mobiscroll .dwv {
  padding: 3.75%;
  font-size: 0.94rem;
  line-height: 0.94rem;
  font-family: "黑体";
  color: #212121;
  background-color: #f0f0f0;
}
.mbsc-mobiscroll .dwwr {
  background-color: #fff;
}
.mbsc-mobiscroll .dwwol {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.mbsc-mobiscroll .dwbc {
  padding: 3.75%;
  position: absolute;
  top: 0;
}
.mbsc-mobiscroll .dwb {
  font-size: 0.94rem;
  height: 0.94rem;
  line-height: 0.94rem;
  color: #212121;
}
.mbsc-mobiscroll .dwb-s .dwb {
  color: #62bcf3;
  background-color: #f0f0f0;
}
.mbsc-mobiscroll .dw-i {
  font-size: 0.8rem;
  color: #727272;
}
.mbsc-mobiscroll .dw-sel .dw-i {
  font-size: 0.94rem;
  color: #212121;
}
.mbsc-mobiscroll .dwfl {
  padding: 0.5em 0;
}
.mbsc-mobiscroll .dwc {
  padding: 0;
}
/* 隐藏文档详情底部控制器 */
.preview-controls-wrapper {
  display: none;
}
/* 评论列表为空的情况 */
.noComment {
  background-image: url('../images/noComment.png');
  background-repeat: no-repeat;
  width: 9rem;
  height: 1.1rem;
  background-size: cover;
  margin: -0.65rem 0 0 -4.5rem;
  position: absolute;
  left: 50%;
  top: 30%;
}
/*购物车*/
.cartUl li {
  position: relative;
  padding: 4.8% 2.4% 4.8% 9.6%;
}
.cartUl .check {
  position: absolute;
  left: 2.4%;
  top: 50%;
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png);
  background-size: 2.04rem 1.02rem;
  background-position: 0 0;
}
.cartUl .check.checkOn {
  background-position: -1.02rem 0;
}
.cartUl .photo {
  width: 30%;
  text-align: center;
  overflow: hidden;
  border: 1px solid #eee;
}
.cartUl .text {
  margin-right: 2.4%;
  width: 62%;
}
.cartUl .desc {
  margin-bottom: 1.2%;
}
.cartUl .addSubt {
  font-size: 0.8rem;
  border: 1px solid #acacac;
  border-radius: 5px;
  overflow: hidden;
}
.cartUl .operate {
  float: left;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  color: #727272;
}
.cartUl .operate.disable {
  background-color: #ccc;
}
.cartUl .much {
  float: left;
  width: 1.792rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  outline: none;
  border: none;
  border-left: 1px solid #acacac;
  border-right: 1px solid #acacac;
  border-radius: 0;
}
.cartFoot {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 2.048rem;
  line-height: 2.048rem;
  background-color: #fff;
}
.cartFoot .checkAll {
  position: relative;
  padding-left: 7.2%;
  margin-left: 2.4%;
  margin-right: 2.4%;
}
.cartFoot .checkAll:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.51rem;
  width: 1.02rem;
  height: 1.02rem;
  background: url(../images/check.png);
  background-size: 2.04rem 1.02rem;
}
.cartFoot .checkAll.checkOn:before {
  background-position: -1.02rem 0;
}
.cartFoot .goChange {
  width: 30%;
  text-align: center;
  height: 2.048rem;
  line-height: 2.048rem;
  font-size: 0.94rem;
  color: #fff;
  background-color: #ffc247;
}
/*订单提交*/
.orderShow .cartUl li {
  padding: 4.8%;
}
.orderShow .cartUl .text {
  margin-right: 0;
  width: 65%;
}
.note {
  width: 25%;
}
.noteCont {
  width: 75%;
  text-align: right;
  border: none;
  resize: none;
}
.receivtBox {
  position: fixed;
  top: 35%;
  left: 11.5%;
  z-index: 23;
  padding: 2.4% 5.3%;
  width: 66.4%;
  color: #fff;
  background-color: #03a9f5;
  border-radius: 5px;
}
.receivtBox .title {
  font-size: 0.85rem;
  text-align: center;
}
.receivtBox .wayUl {
  font-size: 0.7rem;
}
.receivtBox .wayUl li {
  padding: 5.3% 2.4%;
  border-bottom: 1px solid #35baf6;
  cursor: pointer;
}
.receivtBox .wayUl li:last-child {
  border-bottom: none;
}
.receivtBox .wayUl li.checkOn {
  position: relative;
}
.receivtBox .wayUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOn.png);
  background-size: cover;
}
/*自提地点*/
.placeUl {
  padding: 0 5.3%;
  font-size: 0.8rem;
  color: #555;
  border-top: 0.5rem solid #f4f4f4;
}
.placeUl li {
  padding: 2.8% 0;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.placeUl li.checkOn {
  position: relative;
}
.placeUl li.checkOn:after {
  position: absolute;
  right: 2.4%;
  top: 50%;
  content: '';
  display: block;
  margin-top: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/icon/checkOnB.png);
  background-size: cover;
}
